*{ margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }

.signatureparent{
  width: 100%;
  height: 99%;
  display: flex;
  /* border:  1px solid #000; */
}

.signature{
  height: 100%;
  width: calc(100% - 100px);
  background-color: #ffefd5;
}

.action{
  display: flex;
  flex-direction: column;
  padding: 5% 0;
  justify-content: space-between;
}

.btn {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  margin-left: 16px;
  padding: 4px 15px;
  align-items: center;
  justify-content: center;
}

.btn-ok {
  color: #fff;
  background: #1890ff;
  border: 1px solid #1890ff;
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
}

.btn-reset{
  background: #fff;
  color: rgba(0,0,0,.85);
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
}